<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8">
    <meta name="title" content="娄笙悦 作品">
    <meta name="keywords" content="娄笙悦，网站建设，私人定制，个性网站，博客达人">
    <meta name="desciption" content="娄笙悦是一个专门打造私人定制个性化网站的专业web开发团队">
    <meta name="author" content="loushengyue">
    <base target="_self">
    <title>作品</title>
    <link rel="shortcut icon" href="../img/logo_icon.png" type="image/x-icon">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/product.css">
</head>
<body>

<div class="header">
    <h2>/LOUSHENGYUE <span>Personal website.</span></h2>
    <a class="logo" href="../index.html"><img src="../img/logo.png" alt=""></a>
</div>
<div class="main">
    <div class="section motto">
        <div class="title">
            <h2>为梦想，永不止步。</h2>

            <h3><span>/LOUSHENGYUE</span> Personal website.</h3>

            <p>Never stop for your dreams.</p>
        </div>
    </div>
    <div class="section nav">
        <div><span></span></div>
        <div class="menu"><a href="../index.html">首页</a></div>
        <div class="menu"><a href="./about.html">关于</a></div>
        <div class="menu on"><a href="./product.html">作品</a></div>
        <div class="menu"><a href="./contact.html">联系</a></div>
        <div class="menu"><a href="./blog.html">微博</a></div>
        <div>
            <a class="left" href="javascript:;"></a>
            <a class="right" href="javascript:;"><img src="../img/icon_video.png" alt="video"></a>
        </div>
        <div><span class="line"></span></div>
        <div><span></span></div>
        <div><span></span></div>
    </div>
    <div class="product">
        <div class="item">
            <h3 class="title">娄笙悦CSDN博客作品集</h3>
            <div><a href="javascript:;">ajax异步上传文件</a></div>
            <div><a href="javascript:;">PHP MySQL基本操作之增删改查</a></div>
            <div><a href="javascript:;">ajax请求，$.ajax，jQuery.ajax，$.get，$.post简易用法</a></div>
            <div><a href="javascript:;">php入门基础语法</a></div>
            <div><a href="javascript:;">compass 基本用法指南</a></div>
            <div><a href="javascript:;">git-bash管理github项目常用命令</a></div>
            <div><a href="javascript:;">注册GitHub账号及基本项目操作</a></div>
            <div><a href="javascript:;">storages-1.2.0.js的使用方法</a></div>
            <div><a href="javascript:;">js构造函数全面解析（面向对象编程基础）</a></div>
            <div><a href="javascript:;">BOM对象处理</a></div>
            <div><a href="javascript:;">js定时器setInterval和setTimeout</a></div>
            <div><a href="javascript:;">js 正则表达式入门到“能干活”</a></div>
            <div><a href="javascript:;">dom对象处理</a></div>
            <div><a href="javascript:;">html5 浏览器缓存 sessionStorage 之 LsySession.js插件的使用方法</a></div>
            <div><a href="javascript:;">html5浏览器缓存 localStorage 之LsyStorage.js插件的使用</a></div>
            <div><a href="javascript:;">js cookie 插件LsyCookie.js的使用</a></div>
            <div><a href="javascript:;">js cookie设置cookie, 删除cookie, 获取cookie,清空cookie</a></div>
            <div><a href="javascript:;">js事件处理</a></div>
            <div><a href="javascript:;">闭包 函数 匿名函数 自调用匿名函数 解析</a></div>
            <div><a href="javascript:;">SASS安装 SASS编译 SASS基础语法</a></div>
            <div><a href="javascript:;">git / git bash 下载与安装</a></div>
            <div><a href="javascript:;">使用requirejs编程实现模块化</a></div>
            <div><a href="javascript:;">封装tap小插件</a></div>
            <div><a href="javascript:;">封装一个简单的banner轮播插件</a></div>
            <div><a href="javascript:;">封装一个提取url参数的小方法</a></div>
            <div><a href="javascript:;">如何封装一个最简单的jquery插件</a></div>
            <div><a href="javascript:;">京东淘宝放大镜封装</a></div>
            <div><a href="javascript:;">js自调用匿名函数与内部实例化封装插件</a></div>
            <div><a href="javascript:;">Window 系统下 Ruby安装， Sass安装 ，Compass安装</a></div>
        </div>
        <div class="item">
            <h3 class="title">student`s</h3>
            <div><a href="javascript:;">lss：乐无忧 商城</a></div>
            <div><a href="javascript:;">lss：汽车配件（微端）</a></div>
            <div><a href="javascript:;">lal：深圳市森能燃烧设备有限公司</a></div>
            <div><a href="javascript:;">zdx：猜数字游戏</a></div>
            <div><a href="javascript:;">zdx：恒必达商城（微端）</a></div>
            <div><a href="javascript:;">zdx：皇家商城（微端）</a></div>
            <div><a href="javascript:;">zdx：聚优建材有限公司</a></div>
            <div><a href="javascript:;">zdx：维蒂尼商务有限公司 商城</a></div>
            <div><a href="javascript:;">zwh：华迈电子科技有限公司PC</a></div>
            <div><a href="javascript:;">zwh：华迈电子科技有限公司（微端）</a></div>
        </div>
        <div class="item">
            <h3 class="title">娄笙悦项目作品集</h3>
            <div><a href="javascript:;">测试题</a></div>
            <div><a href="javascript:;">菲尔卡斯节能科技有限公司</a></div>
            <div><a href="javascript:;">智家装饰工程有限公司（正在开发）</a></div>
        </div>
        <div class="item">
            <h3 class="title">娄笙悦github作品集</h3>
            <div><a href="javascript:;">storages</a></div>
            <div><a href="javascript:;">LsyCookie</a></div>
            <div><a href="javascript:;">LsyStorage</a></div>
            <div><a href="javascript:;">LsySession</a></div>
            <div><a href="javascript:;">Magnifier-for-IE8</a></div>
            <div><a href="javascript:;">placeholder-for-IE8</a></div>
            <div><a href="javascript:;">linkage-for-province-city-county</a></div>
        </div>
        <div class="item">
            <div class="head"><img src="../img/product_head.jpg" alt="head"></div>
            <div class="name">娄笙悦</div>
            <div class="follow">
                <span class="icon icon-heart"></span>
                <span class="icon icon-leave"></span>
            </div>
            <div class="blog-msg">
                <p>访问：2414次</p>
                <p>积分：350</p>
                <p>等级：</p>
                <p>排名：千里之外</p>
                <p>原创：32篇转载：0篇译文：0篇评论：6条</p>
            </div>
        </div>
    </div>
</div>
<div class="footer">
    <div class="wrap">
        <div class="content">
            <div class="title"><img src="../img/icon_contact.png" alt="contact"></div>
            <ul class="list">
                <li><span class="icon icon-tel"></span><a href="javascript:;">18514529709</a></li>
                <li><span class="icon icon-weixin"></span><a href="javascript:;">LOUSHENGYUE 微信公众号</a></li>
                <li><span class="icon icon-email"></span><a href="javascript:;">dlxiaoba@foxmail.com</a></li>
                <li><span class="icon icon-web"></span><a href="javascript:;">www.loushengyue.com</a></li>
            </ul>
            <div class="code">
                <img src="../img/weichat_code.png" alt="code">
            </div>
            <ul class="dec">
                <li class="orange"><span class="icon icon-mail"></span></li>
                <li class="blue"></li>
                <li class="blue"></li>
                <li class="gray"></li>
            </ul>
        </div>
    </div>

</div>

<script src="../lib/jquery-1.10.1.min.js"></script>
<script src="../js/common.js"></script>
</body>
</html>